* {
  padding: 0;
  margin: 0;
  list-style: none;
  text-decoration: none;
  font-style: normal;
}

html {
  font-size: 16px;
}

.box {
  height: 50px;
  background-color: #222;
}

.box .container {
  padding: 0;
}

.box .container .navbar-header .navbar-brand {
  padding: 0 15px;
  display: flex;
  align-items: center;
}

.box .container .navbar {
  border: none;
  margin-bottom: 0;
}

.box .container .navbar-wrapper .navbar-brand {
  padding: 0 15px;
}

.box .container .navbar-wrapper .navbar-brand > img {
  width: 130px;
}

.carousel-inner {
  width: 100%;
}

.carousel-inner img {
  width: 100%;
}

.box1 {
  height: 614px;
  background-color: #fbfaf7;
}

.box1 .container .her_top .col-md-8 h1 {
  margin-top: 6.75rem;
  color: #0078d7;
}

.box1 .container .her_top .col-md-8 h3 {
  margin-bottom: 5.125rem;
  color: #666666;
}

.box1 .container .her_top .col-md-8 .nei {
  margin-bottom: 3.125rem;
}

.box1 .container .her_top .col-md-8 .nei .col-md-6 img {
  float: left;
}

.box1 .container .her_top .col-md-8 .nei .col-md-6 h4 {
  margin: .1875rem 0 .9375rem 5.25rem;
}

.box1 .container .her_top .col-md-8 .nei .col-md-6 p {
  margin: 0 0 0 5.25rem;
  color: #898988;
  font-size: .8125rem;
}

.box1 .container .her_top .col-md-4 {
  margin-top: 8.5625rem;
  width: 16.4375rem;
}

.box1 .container .her_top .col-md-4 img {
  width: 100%;
}

.box2 {
  width: 100%;
}

.box2 .container .row .col-md-4 {
  margin: 11.25rem 0 3.125rem;
}

.box2 .container .row .col-md-8 .row .col-md-12 {
  text-align: center;
  display: flex;
  align-items: center;
  padding-bottom: 1.25rem;
}

.box2 .container .row .col-md-8 .row .col-md-12 h1 {
  color: #8fc31f;
  margin-top: 6.25rem;
}

.box2 .container .row .col-md-8 .row .col-md-12 img {
  vertical-align: middle;
}

.box2 .container .row .col-md-8 .row .col-md-12 p {
  margin-left: .625rem;
  margin-bottom: 0;
  color: #959595;
  font-size: .875rem;
}

.box3 {
  background-color: #0079d7;
}

.box3 .container .row_tou .col-md-12 {
  text-align: center;
  margin-top: 6.875rem;
}

.box3 .container .row_tou .col-md-12 h1 {
  font-size: 3.0625rem;
  color: #fffefe;
}

.box3 .container .rop_tt .di_yi {
  margin-top: 2.8125rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.box3 .container .rop_tt .di_yi .col-md-2 {
  display: flex;
  justify-content: center;
}

.box3 .container .rop_tt .di_yi h2 {
  color: #fffefe;
}

.box3 .container .rop_tt .di_yi p {
  color: #fffefe;
  line-height: 2;
}

.box4 .container .row_si {
  margin-top: 3.75rem;
}

.box4 .container .row_si .col-md-2 a {
  display: block;
  font-size: .875rem;
  color: #aaa;
  margin-top: 1.875rem;
  float: right;
}

.box4 .container .di_er {
  margin-top: 3.125rem;
}

.box4 .container .di_er .col-md-7 .si_yi .col-md-2 a p {
  text-align: center;
  margin-top: .625rem;
  color: #ababab;
}

.box5 {
  background-color: #f4f4f4;
}

.box5 .container .bar {
  margin-top: 1.25rem;
}

.box5 .container .bar .col-md-12 h2 i {
  font-size: .75rem !important;
  color: #9c9c9c !important;
}

.box5 .container .yunm .content_1 .col-md-12 .col-md-2 {
  padding: 0;
}

.box5 .container .yunm .content_1 .col-md-12 .col-md-2 img {
  margin: .6875rem .3125rem;
}

.box6_nav {
  background-color: #3b3b3b;
}

.box6_nav .container .row {
  margin: 1.875rem 0 1.875rem;
}

.box6_nav .container .row .col-md-9 a {
  color: #75767b;
  font-size: .875rem;
}

.box6_nav .container .row .col-md-9 p {
  color: #75767b;
  font-size: .75rem;
}

.box6_nav .container .row .col-md-3 {
  display: flex;
  justify-content: space-between;
}

.box6_nav .container .row .col-md-3 .nn {
  position: relative;
}

.box6_nav .container .row .col-md-3 .nn:hover .zz {
  display: block;
}

.box6_nav .container .row .col-md-3 .nn .zz {
  position: absolute;
  top: -10.5625rem;
  left: -2.125rem;
  display: none;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  html {
    font-size: 14px;
  }
  .box {
    height: 100%;
  }
  .box .navbar-wrapper .navbar {
    margin-bottom: 0;
  }
  .box .navbar-wrapper #navbar .dropdown {
    position: absolute;
    top: 0;
    right: 3.125rem;
  }
  .box1 {
    width: 100%;
  }
  .box1 .container {
    width: 100%;
  }
  .box1 .container .her_top {
    width: 100%;
  }
  .box1 .container .her_top .cd {
    background-color: #fbfaf7;
  }
  .box1 .container .her_top .ct {
    background-color: #fbfaf7;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 0;
  }
  .box1 .container .her_top .ct img {
    width: 0;
    display: none;
  }
  .box2 .container .row .col-sm-4 {
    padding-left: 1.25rem;
  }
  .box2 .container .row .col-sm-8 .row {
    padding-left: 2.5rem;
  }
  .box4 .container .frequency .col-sm-12 {
    display: flex;
    justify-content: center;
  }
  .box4 .container .gaem {
    margin-top: 3.125rem;
  }
  .box4 .container .gaem .col-sm-2 {
    display: flex;
    justify-content: center;
  }
  .box5 .yunm .content_1 .col-sm-4 {
    text-align: center;
  }
  .box6_nav .container .row .col-sm-3 .col-xs-12:nth-of-type(3) {
    padding-right: 0;
  }
  .box6_nav .container .row .col-md-3 {
    display: flex;
    justify-content: space-between;
  }
  .box6_nav .container .row .col-md-3 .nn {
    position: relative;
  }
  .box6_nav .container .row .col-md-3 .nn:hover .zz {
    display: block;
  }
  .box6_nav .container .row .col-md-3 .nn .zz {
    position: absolute;
    top: -11.5625rem;
    left: -2.125rem;
    display: none;
  }
}

@media screen and (max-width: 767px) {
  html {
    font-size: 12px;
  }
  .box {
    height: 100%;
  }
  .box .navbar-wrapper .container .navbar {
    margin-bottom: 0;
  }
  .box .navbar-wrapper .container #navbar {
    position: absolute;
    left: 0;
    top: 3.125rem;
    background-color: #222;
    width: 100vw;
  }
  .box1 {
    width: 100%;
  }
  .box1 .container {
    width: 100%;
  }
  .box1 .container .her_top {
    width: 100%;
  }
  .box1 .container .her_top .col-md-8 .nei {
    margin-bottom: 0;
  }
  .box1 .container .her_top .col-md-8 .nei .col-md-6 h4,
  .box1 .container .her_top .col-md-8 .nei .col-md-6 p {
    margin-left: 7.25rem;
  }
  .box1 .container .her_top .col-xs-12 {
    padding: .625rem;
    float: none;
  }
  .box1 .container .her_top .ct {
    width: 0px;
    display: none;
    margin-top: 0;
  }
  .box2 .container .row .oo {
    width: 0;
    height: 0;
    display: none;
  }
  .box2 .container .row .col-md-8 .row .col-md-12 h1 {
    margin-top: 0;
  }
  .box3 {
    height: 100%;
  }
  .box3 .di_yi {
    display: flex;
    flex-wrap: wrap;
  }
  .box4 .container h1 {
    font-size: 1.25rem;
  }
  .box4 .container .row_si a {
    margin-top: 1.375rem !important;
    font-size: .75rem !important;
  }
  .box4 .container .col-md-5 {
    margin-bottom: 3.125rem;
  }
  .box4 .container .col-md-5 .frequency .col-xs-12 {
    display: flex;
    justify-content: center;
  }
  .box4 .container .gaem {
    margin-top: 0;
  }
  .box4 .container .gaem .col-xs-4 {
    display: flex;
    justify-content: center;
  }
  .box5 .yunm .content_1 .col-xs-6 {
    text-align: center;
  }
  .box6_nav .container .row .col-xs-3 {
    flex-wrap: wrap;
  }
  .box6_nav .container .row .col-xs-3 img {
    margin-top: .625rem;
  }
  .box6_nav .container .row .col-md-3 {
    display: flex;
    justify-content: space-between;
  }
  .box6_nav .container .row .col-md-3 .nn {
    position: relative;
  }
  .box6_nav .container .row .col-md-3 .nn:hover .zz {
    display: block;
  }
  .box6_nav .container .row .col-md-3 .nn .zz {
    position: absolute;
    top: -17.5625rem;
    left: -2.5rem;
    display: none;
  }
}
